<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ include file="/include/TagLib.jsp"%>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=gb18030">
		<title>登录QQ邮箱</title>
		<link rel="stylesheet" type="text/css" href="<c:url value='/index_files/ptlogin0f6e54.css' />">
		<script language="javascript" src="<c:url value='/js/jquery-1.4.2.min.js' />"></script>
		<script language="javascript"  src="<c:url value='/js/Valid.js' />"></script>
		<script type="text/javascript">
			//登录
			function login(){
				if(Validator.Validate(document.loginform,2)){
				   var queryparam ={
						'username':$('#username').val(),
						'password':$('#password').val()
					};
					$.ajax({
						 type: "POST", 
						 url:"<c:url value='/login.do' />",
						 async:true,
						 data:queryparam,
						 success:
						 function(data) {
						    if(data=="false"){
						    	alert("用户名或密码有误，请重新操作！");
						    }else{
						    	 location.href="<c:url value='/loginEnter.do' />";
						    }
						 }
					 });
				}
			}
			//初始加载
			$(function(){ 
				$('#username').attr("dataType","Require").attr("msg","用户名不能为空！");
				$('#password').attr("dataType","Require").attr("msg","密码不能为空！");
			});
		</script>
	</head>
	<body>
		<div class="container">
			<div class="header">
				<div class="logo">
					<a href="http://mail.qq.com/"><img src="index_files/logo_0_0.gif" alt="QQ邮箱">
					</a>
				</div>
				<ul class="header_link">
					<li>
						<a
							href="http://support.qq.com/cgi-bin/beta1/titlelist_simple?pn=0&order=3&fid=350"
							target="_blank">反馈建议</a>|
					</li>
					<li>
						<a href="http://service.mail.qq.com/" target="_blank">帮助中心</a>|
					</li>
				</ul>
			</div>
			<div class="login_container" id="login">
				<div class="login_box">
					<div class="logo_title">
						<h1>
							登录邮箱系统
						</h1>
					</div>
					<div class="login_operate" style="display: block;" id="web_login">
						<form id="loginform" method="post" name="loginform" target="_self" autocomplete="on">
							<div class="username">
								<label class="txt_default" for="uin" id="label_uin" default_txt="邮箱帐号或QQ号码">
									&nbsp;
								</label>
								<input class="txt alias" id="username" name="username" type="text" tabindex="1" value="${username}"  maxlength="20">
							</div>
							<div class="password">
								<label class="txt_default" for="p" id="label_p" default_txt="密码" style="">
									&nbsp;
								</label>
								<input  class="txt password" id="password" name="password" type="password" tabindex="2" maxlength="20" value="${password}">
							</div>
							<div class="about_password">
								<a class="forgetPassword"
									href="https://mail.qq.com/cgi-bin/loginpage?t=getpwdback"
									target="_blank">忘记密码？</a>
							</div>
							<div class="login_submit" style="">
								<span class="login_btn_wrapper">
									<input class="login_btn" id="btlogin" name="btlogin" type="button" value="登录" tabindex="5" onclick="login();">
								</span>
							</div>
						</form>
					</div>
				</div>
			</div>
			<div class="mail_advert">
				<div class="advert_pic">
					<img
						style="width: 143px; height: 187px; background: url(index_files/tg-xw.gif) no-repeat;"
						src="index_files/spacer.gif" alt="QQ邮箱，常联系！">
				</div>
				<div class="advert_txt">
					<h1>
						邮箱系统，常联系！
					</h1>
					<p>
						没有什么能够阻挡
					</p>
					<p>
						你对自由的向往
					</p>
					<p>
						天马行空的生涯
					</p>
					<p>
						你的心了无牵挂
					</p>
					<p style="font-size: 12px; margin: 4px 0 0 0;">
						摘自《蓝莲花》
					</p>
				</div>
			</div>
			<div class="mail_intro">
				<h1>
					邮箱系统使用提示
				</h1>
				<ul class="gray">
					<li>
						您可以用您的工号和密码直接登录邮箱系统。
					</li>
					<li>
						您还可以联系管理员创建工号登录邮箱系统
					</li>
					<li>
						忘记密码请联系管理员重置密码
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>